<template>
  <div class="px-10 py-2" id="div-1">
    <a-flex justify="center" class="w-full" gap="15" id="a-flex-1">
      <a-flex flex="3" vertical="column" id="a-flex-2">
        <a-typography-link href="#" id="a-typography-link-1">
          <a-image width="100%" class="!h-[320px]" src="https://picsum.photos/id/1/1000/800" :preview="false" id="a-image-1" />
        </a-typography-link>

        <a-flex id="a-flex-3" class="py-3">
          <a-typography-link flex="1" href="#" id="a-typography-link-2">
            <a-image width="100%" height="100%" src="https://picsum.photos/id/2/300/150" :preview="false" id="a-image-2" />
          </a-typography-link>

          <a-flex flex="5" justify="space-between" vertical="column" class="pl-4 h-full" id="a-flex-4">
            <a-typography-title class="line-clamp-2" :level="4" id="a-typography-title-1"
              >欧健医用旗下产品一次性使用无菌注射针拿到国家药监局审批的三类证</a-typography-title
            >
            <a-typography-link href="#" class="!text-[#999]" id="a-typography-link-3">
              <a-tag color="#E6F1F8" id="a-tag-1">
                <template #default>
                  <MinusSquareOutlined class="text-blue-500" />
                  <a-typography-text class="text-[12px] text-[#1D62F3] pl-1" id="a-typography-text-1" :ellipsis="{ rows: 1 }"
                    >产品</a-typography-text
                  >
                </template>
              </a-tag>

              <a-typography-text class="text-[#918F86]" id="a-typography-text-2" :ellipsis="{ rows: 1 }">
                欧健医用获得6张三类证
              </a-typography-text>
            </a-typography-link>

            <a-typography-link href="#" class="!text-[#999]" id="a-typography-link-4">
              <a-tag color="#E6F1F8" id="a-tag-2">
                <template #default>
                  <MinusSquareOutlined class="text-blue-500" />
                  <a-typography-text class="text-[12px] text-[#1D62F3] pl-1" id="a-typography-text-3" :ellipsis="{ rows: 1 }"
                    >赛道</a-typography-text
                  >
                </template>
              </a-tag>

              <a-typography-text class="text-[#918F86]" id="a-typography-text-4" :ellipsis="{ rows: 1 }">
                欧健医用布局高值耗材襄道
              </a-typography-text>
            </a-typography-link>

            <a-flex justify="space-between" id="a-flex-5">
              <a-flex id="a-flex-6">
                <a-typography-link href="#" class="!text-[#999] !flex items-center" :id="`a-typography-link-5-${index}`" v-for="(item, index) in  list" :key="index">
                  <a-typography-text :class="`text-[${item.color}] pr-2`" :id="`a-typography-text-5`" :ellipsis="{ rows: 1 }">
                    {{ item.name }}
                  </a-typography-text>
                </a-typography-link>
              </a-flex>
              <a-flex id="a-flex-7">
                <a-typography-link href="#" class="!text-[#999] !flex items-center" id="a-typography-link-6">
                  <SmileOutlined />
                </a-typography-link>
                <a-typography-link href="#" class="pl-1 !text-[#999] !flex items-center" id="a-typography-link-7">
                  <CopyOutlined />
                </a-typography-link>
              </a-flex>
            </a-flex>
          </a-flex>
        </a-flex>
        <a-flex class="pb-3" id="a-flex-8">
          <a-typography-link flex="1" href="#" id="a-typography-link-8">
            <a-image width="100%" height="100%" src="https://picsum.photos/id/3/300/150" :preview="false" id="a-image-3" />
          </a-typography-link>
          <a-flex flex="5" justify="space-between" vertical="column" class="pl-4 h-full" id="a-flex-9">
            <a-typography-link href="#" class="!text-[#999]" id="a-typography-link-9">
              <a-typography-title class="line-clamp-2" :level="4" id="a-typography-title-2"
                >上海市医学会呼吸专科分会烟草病学组:数字化尼古丁依赖干预工具临床研究启动!</a-typography-title
              ><a-typography-text class="text-[#918F86] line-clamp-2" id="a-typography-text-6" :ellipsis="{ rows: 1 }">
                上海市医学会呼吸专科分会联合多家医院启动数字化尼古丁依赖干预工具临床研
              </a-typography-text>
            </a-typography-link>

            <a-flex justify="space-between" id="a-flex-10">
              <a-flex>
                <a-typography-link href="#" class="!text-[#999] !flex items-center" id="a-typography-link-10" v-for="(item, index) in  list" :key="index">
                  <a-typography-text :class="`text-[${item.color}] pr-2`" :id="`a-typography-text-7`" :ellipsis="{ rows: 1 }">
                    {{ item.name }}
                  </a-typography-text>
                </a-typography-link>
              </a-flex>
              <a-flex id="a-flex-11">
                <a-typography-link href="#" class="!text-[#999] !flex items-center" id="a-typography-link-11">
                  <SmileOutlined />
                </a-typography-link>
                <a-typography-link href="#" class="pl-1 !text-[#999] !flex items-center" id="a-typography-link-12`">
                  <CopyOutlined />
                </a-typography-link>
              </a-flex>
            </a-flex>
          </a-flex>
        </a-flex>

        <a-flex justify="space-between" align="center" id="a-flex-12">
          <a-typography-link href="#" class="!text-[#999]" id="a-typography-link-13">
            <a-typography-title class="!text-[#FA5E3F] underline !m-0" :level="4" id="a-typography-title-3"
              >资源对接专场</a-typography-title
            >
          </a-typography-link>
          <a-typography-link href="#" class="!text-[#999]" id="a-typography-link-14">
            <a-typography-text class="text-[#FA5E3F]" id="a-typography-text-8">查看更多</a-typography-text>
          </a-typography-link>
        </a-flex>

        <a-row class="!m-0 py-2 flex justify-between" :gutter="10" id="a-row-1">
          <a-col :span="8" :id="`a-col-1-${index}`" v-for="(item, index) in list1" :key="index">
            <a-flex class="mb-6" :id="`a-flex-13-${index}`">
              <a-typography-link href="#" :id="`a-typography-link-15-${index}`">
                <a-image :src="item.img" :preview="false" class="aspect-[2/1]" :id="`a-image-4-${index}`" />
                <a-typography-title :level="5" class="!text-[#323233]" :id="`a-typography-title-4-${index}`">{{ item.title }}</a-typography-title>
                <a-typography-paragraph class="text-[12px] text-[#63607A] mt-[20px] !m-0" id="a-typography-paragraph-4">{{
                  item.subTitle
                }}</a-typography-paragraph>
              </a-typography-link>
            </a-flex>
          </a-col>
        </a-row>

        <a-flex class="py-3" id="a-flex-14">
          <a-typography-link flex="1" href="#" id="a-typography-link-17">
            <a-image width="100%" height="100%" src="https://picsum.photos/id/5/300/150" :preview="false" id="a-image-4" />
          </a-typography-link>

          <a-flex flex="5" justify="space-between" vertical="column" class="pl-4 h-full" id="a-flex-15">
            <a-typography-title :level="4" class="line-clamp-2" id="a-typography-title-5"
              >粒影生物成功完成近亿元A轮融资，引领合成生物新纪元</a-typography-title
            >
            <a-typography-link href="#" class="!text-[#999] !flex items-center" id="a-typography-link-18">
              <a-tag color="#E6F1F8" id="a-tag-3">
                <template #default>
                  <MinusSquareOutlined class="text-blue-500" />
                  <a-typography-text class="text-[12px] text-[#1D62F3] pl-1" id="a-typography-text-9" :ellipsis="{ rows: 1 }"
                    >产品</a-typography-text
                  >
                </template>
              </a-tag>

              <a-typography-text class="text-[#918F86]" id="a-typography-text-10" :ellipsis="{ rows: 1 }">
                粒影生物共完成5次融资，获得贝斯特3次加注
              </a-typography-text>
            </a-typography-link>

            <a-typography-link href="#" class="!text-[#999] !flex items-center" id="a-typography-link-19">
              <a-tag color="#E6F1F8" id="a-tag-4">
                <template #default>
                  <MinusSquareOutlined class="text-blue-500" />
                  <a-typography-text class="text-[12px] text-[#1D62F3] pl-1" id="a-typography-text-11" :ellipsis="{ rows: 1 }"
                    >赛道</a-typography-text
                  >
                </template>
              </a-tag>

              <a-typography-text class="text-[#918F86]" id="a-typography-text-12" :ellipsis="{ rows: 1 }">
                粒影生物布局合成生物学赛道
              </a-typography-text>
            </a-typography-link>

            <a-flex justify="space-between" id="a-flex-16">
              <a-flex>
                <a-typography-link href="#" class="!text-[#999] !flex items-center" :id="`a-typography-link-20-${index}`" v-for="(item, index) in  list" :key="index">
                  <a-typography-text :class="`text-[${item.color}] pr-2`" :id="`a-typography-text-13-${index}`" :ellipsis="{ rows: 1 }">
                    {{ item.name }}
                  </a-typography-text>
                </a-typography-link>
              </a-flex>
              <a-flex id="a-flex-17">
                <a-typography-link href="#" class="!text-[#999] !flex items-center" id="a-typography-link-21">
                  <SmileOutlined />
                </a-typography-link>
                <a-typography-link href="#" class="pl-1 !text-[#999] !flex items-center" id="a-typography-link-22">
                  <CopyOutlined />
                </a-typography-link>
              </a-flex>
            </a-flex>
          </a-flex>
        </a-flex>

        <a-flex class="pb-3" id="a-flex-18">
          <a-typography-link flex="1" href="#" id="a-typography-link-23">
            <a-image width="100%" height="100%" src="https://picsum.photos/id/6/300/150" :preview="false" id="a-image-5" />
          </a-typography-link>
          <a-flex flex="5" justify="space-between" vertical="column" class="pl-4 h-full" id="a-flex-19">
            <a-typography-link href="#" class="!text-[#999]" id="a-typography-link-24">
              <a-typography-title :level="4" class="line-clamp-2" id="a-typography-title-6"
                >突破性进展!基因疗法为BCD罕见眼病患者带来光明希望</a-typography-title
              ><a-typography-text class="text-[#918F86] line-clamp-2" id="a-typography-text-14" :ellipsis="{ rows: 1 }">
                基因疗法为BCD罕见眼病患者带来希望，中国多中心临床试验显示，通过病毒
              </a-typography-text>
            </a-typography-link>

            <a-flex justify="space-between" id="a-flex-20">
              <a-flex id="a-flex-21">
                <a-typography-link href="#" class="!text-[#999] !flex items-center" :id="`a-typography-link-25-${index}`" v-for="(item, index) in  list" :key="index">
                  <a-typography-text :class="`text-[${item.color}] pr-2`" :id="`a-typography-text-15`" :ellipsis="{ rows: 1 }">
                    {{ item.name }}
                  </a-typography-text>
                </a-typography-link>
              </a-flex>
              <a-flex id="a-flex-22">
                <a-typography-link href="#" class="!text-[#999] !flex items-center" id="a-typography-link-26">
                  <SmileOutlined />
                </a-typography-link>
                <a-typography-link href="#" class="pl-1 !text-[#999] !flex items-center" id="a-typography-link-27">
                  <CopyOutlined />
                </a-typography-link>
              </a-flex>
            </a-flex>
          </a-flex>
        </a-flex>

        <a-flex class="py-3" id="a-flex-23">
          <a-typography-link flex="1" href="#" id="a-typography-link-28">
            <a-image width="100%" height="100%" src="https://picsum.photos/id/7/300/150" :preview="false" id="a-image-6" />
          </a-typography-link>

          <a-flex flex="5" justify="space-between" vertical="column" class="pl-4 h-full" id="a-flex-24">
            <a-typography-title :level="4" class="line-clamp-2" id="a-typography-title-7"
              >【首发】晶核生物完成近亿元A+轮融资，持续推进TRT管线的全球研发</a-typography-title
            >
            <a-typography-link href="#" class="!text-[#999] !flex items-center" id="a-typography-link-29">
              <a-tag color="#E6F1F8" id="a-tag-5">
                <template #default>
                  <MinusSquareOutlined class="text-blue-500" />
                  <a-typography-text class="text-[12px] text-[#1D62F3] pl-1" id="a-typography-text-16" :ellipsis="{ rows: 1 }"
                    >产品</a-typography-text
                  >
                </template>
              </a-tag>

              <a-typography-text class="text-[#918F86]" id="a-typography-text-17" :ellipsis="{ rows: 1 }">
                晶核生物共完成4次融资，获得高榕资本3次加注
              </a-typography-text>
            </a-typography-link>

            <a-typography-link href="#" class="!text-[#999] !flex items-center" id="a-typography-link-30">
              <a-tag color="#E6F1F8" id="a-tag-6">
                <template #default>
                  <MinusSquareOutlined class="text-blue-500" />
                  <a-typography-text class="text-[12px] text-[#1D62F3] pl-1" id="a-typography-text-18" :ellipsis="{ rows: 1 }"
                    >赛道</a-typography-text
                  >
                </template>
              </a-tag>

              <a-typography-text class="text-[#918F86]" id="a-typography-text-19" :ellipsis="{ rows: 1 }">
                晶核生物布局的医疗服务赛道近30天完成2起过亿美元融资
              </a-typography-text>
            </a-typography-link>

            <a-flex justify="space-between" id="a-flex-25">
              <a-flex>
                <a-typography-link href="#" class="!text-[#999] !flex items-center" :id="`a-typography-link-31-${index}`" v-for="(item, index) in  list" :key="index">
                  <a-typography-text :class="`text-[${item.color}] pr-2`" :id="`a-typography-text-20-${index}`" :ellipsis="{ rows: 1 }">
                    {{ item.name }}
                  </a-typography-text>
                </a-typography-link>
              </a-flex>
              <a-flex id="a-flex-26">
                <a-typography-link href="#" class="!text-[#999] !flex items-center" id="a-typography-link-32">
                  <SmileOutlined />
                </a-typography-link>
                <a-typography-link href="#" class="pl-1 !text-[#999] !flex items-center" id="a-typography-link-33">
                  <CopyOutlined />
                </a-typography-link>
              </a-flex>
            </a-flex>
          </a-flex>
        </a-flex>

        <a-flex justify="space-between" align="center" id="a-flex-27">
          <a-typography-link href="#" class="!text-[#999]" id="a-typography-link-34">
            <a-typography-title class="underline decoration-[#FA5E3F] !m-0" :level="4" id="a-typography-title-8"
              >直播推荐</a-typography-title
            >
          </a-typography-link>
          <a-typography-link href="#" class="!text-[#999]" id="`a-typography-link-35">
            <a-typography-text class="text-[#FA5E3F]" id="a-typography-title-21">查看更多</a-typography-text>
          </a-typography-link>
        </a-flex>

        <a-row class="!m-0 py-2 flex justify-between" :gutter="10" id="a-row-2">
          <a-col :span="8" :id="`a-col-2-${index}`" v-for="(item, index) in list2" :key="index">
            <a-flex :id="`a-flex-28-${index}`">
              <a-typography-link href="#" :id="`a-typography-link-36-${index}`">
                <a-image :src="item.img" :preview="false" class="aspect-[2/1]" :id="`a-image-7-${index}`" />

                <a-flex justify="space-between" vertical="column" class="!min-h-[90px]" :id="`a-flex-29-${index}`">
                  <a-typography-title :level="5" class="!text-[#323233]" :id="`a-typography-title-9-${index}`">{{
                    item.title
                  }}</a-typography-title>
                  <a-typography-paragraph class="text-[12px] text-[#FA5E3F] mt-[20px] !m-0" :id="`a-typography-paragraph-6-${index}`">{{
                    item.subTitle
                  }}</a-typography-paragraph></a-flex
                >
              </a-typography-link>
            </a-flex>
          </a-col>
        </a-row>

        <a-flex class="py-3" id="a-flex-30">
          <a-typography-link flex="1" href="#" id="a-typography-link-37">
            <a-image width="100%" height="100%" src="https://picsum.photos/id/8/300/150" :preview="false" id="a-image-8" />
          </a-typography-link>

          <a-flex flex="5" justify="space-between" vertical="column" class="pl-4 h-full" id="a-flex-31">
            <a-typography-title :level="4" class="line-clamp-2" id="a-typography-title-10"
              >爱康试剂旗下产品梅毒螺旋体抗体检测试剂盒(化学发光免疫分析法)拿到国家药监局审批的三类证</a-typography-title
            >
            <a-typography-link href="#" class="!text-[#999] !flex items-center" id="a-typography-link-38">
              <a-tag color="#E6F1F8" id="a-tag-7">
                <template #default>
                  <MinusSquareOutlined class="text-blue-500" />
                  <a-typography-text class="text-[12px] text-[#1D62F3] pl-1" id="a-typography-text-22" :ellipsis="{ rows: 1 }"
                    >产品</a-typography-text
                  >
                </template>
              </a-tag>

              <a-typography-text class="text-[#918F86]" id="a-typography-text-23" :ellipsis="{ rows: 1 }">
                爱康试剂获得28张三类证
              </a-typography-text>
            </a-typography-link>

            <a-typography-link href="#" class="!text-[#999] !flex items-center" id="a-typography-link-39">
              <a-tag color="#E6F1F8" id="a-tag-8">
                <template #default>
                  <MinusSquareOutlined class="text-blue-500" />
                  <a-typography-text class="text-[12px] text-[#1D62F3] pl-1" id="a-typography-text-24" :ellipsis="{ rows: 1 }"
                    >赛道</a-typography-text
                  >
                </template>
              </a-tag>

              <a-typography-text class="text-[#918F86]" id="a-typography-text-25" :ellipsis="{ rows: 1 }">
                爱康试剂布局的IVD赛道近30天完成1起过亿美元融资
              </a-typography-text>
            </a-typography-link>

            <a-flex justify="space-between" id="a-flex-32">
              <a-flex>
                <a-typography-link href="#" class="!text-[#999] !flex items-center" :id="`a-typography-link-40-${indexImage}`" v-for="(item, index) in  list" :key="index">
                  <a-typography-text :class="`text-[${item.color}] pr-2`" :id="`a-typography-text-26`" :ellipsis="{ rows: 1 }">
                    {{ item.name }}
                  </a-typography-text>
                </a-typography-link>
              </a-flex>
              <a-flex id="a-flex-33">
                <a-typography-link href="#" class="!text-[#999] !flex items-center" id="a-typography-link-41">
                  <SmileOutlined />
                </a-typography-link>
                <a-typography-link href="#" class="pl-1 !text-[#999] !flex items-center" id="a-typography-link-42">
                  <CopyOutlined />
                </a-typography-link>
              </a-flex>
            </a-flex>
          </a-flex>
        </a-flex>
      </a-flex>
      <a-flex flex="1" vertical="column" class="!bordr-0" id="a-flex-34">
        <a-flex vertical="column" justify="space-between" gap="20" id="a-flex-2">
          <a-image width="100%" class="!h-[150px]" src="https://picsum.photos/id/9/1000/800" :preview="false" id="a-image-9" />
          <a-image width="100%" class="!h-[150px]" src="https://picsum.photos/id/10/1000/800" :preview="false" id="a-image-10" />
        </a-flex>

        <a-flex warp class="pt-5" justify="space-around" id="a-flex-35">
          <a-button type="primary" shape="round" danger>立即沟通</a-button>
          <a-button type="primary" shape="round" danger>立即沟通</a-button>
        </a-flex>

        <a-flex warp class="pt-5" justify="space-between" id="a-flex-36">
          <a-image src="https://picsum.photos/id/11/200/80" :preview="false" id="a-image-11" />
          <a-image src="https://picsum.photos/id/12/200/80" :preview="false" id="a-image-12" />
        </a-flex>

        <a-steps :current="1" direction="vertical" class="pt-5" id="a-flex-24">
          <a-step :title="item.title" v-for="(item, index) in list3" :key="index" :id="`a-step-12-${index}`">
            <template #icon>
              <DownCircleFilled class="text-[#FA5B06]" :id="`a-icon-12-${index}`" />
            </template>
            <template #description>
              {{ item.content }}
            </template>
          </a-step>
        </a-steps>

        <a-flex justify="space-between" align="center" class="pt-4 pb-2" id="a-flex-37">
          <a-typography-link href="#" class="!text-[#999]" id="a-typography-link-43">
            <a-typography-title class="underline decoration-[#FA5E3F] !m-0" :level="4" id="a-typography-title-11"
              >产业链接<QuestionCircleOutlined class="text-[#FA5E3F] pl-2"
            /></a-typography-title>
          </a-typography-link>
          <a-typography-link href="#" class="text-[#999]" id="a-typography-link-44">
            <a-typography-text class="text-[#FA5E3F]" id="a-typography-text-27">查看更多</a-typography-text>
          </a-typography-link>
        </a-flex>

        <a-flex justify="space-between" class="py-2" id="a-flex-38">
          <a-input id="phoneInput" class="!rounded-[14px] w-64" placeholder="GLP-1" size="mini">
            <template #prefix>
              <user-outlined type="user" />
            </template>
            <template #suffix>
              <a-typography-link href="#" class="!text-[#999]" id="a-typography-link-45">
                <a-typography-text class="text-[#FA5E3F]" id="a-typography-text-28">搜索</a-typography-text>
              </a-typography-link>
            </template>
          </a-input>
          <a-button shape="round" class="bg-[#FEE7CF] text-[#FF8824] border-[#FEE7CF]" :size="size">
            <template #icon>
              <PlusOutlined />
              发布供需
            </template>
          </a-button>
        </a-flex>

        <a-flex justify="space-between" class="w-full py-2" id="a-flex-39">
          <a-typography-link href="#" class="!text-[#999] !flex flex-col items-center min-w-[80px]" id="a-typography-link-46">
            <PlusOutlined class="text-[#FF8824] text-5xl" />
            <a-typography-text id="a-typography-text-29">投融资</a-typography-text>
          </a-typography-link>
          <a-typography-link href="#" class="!text-[#999] !flex flex-col items-center min-w-[80px]" id="a-typography-link-47">
            <SettingOutlined class="text-[#FF8824] text-5xl" />
            <a-typography-text id="a-typography-text-30">市场/渠道</a-typography-text>
          </a-typography-link>
          <a-typography-link href="#" class="!text-[#999] !flex flex-col items-center min-w-[80px]" id="a-typography-link-48">
            <TeamOutlined class="text-[#FF8824] text-5xl" />
            <a-typography-text id="a-typography-text-31">科研/临床</a-typography-text>
          </a-typography-link>
          <a-typography-link href="#" class="!text-[#999] !flex flex-col items-center min-w-[80px]" id="a-typography-link-49">
            <VerifiedOutlined class="text-[#FF8824] text-5xl" />
            <a-typography-text id="a-typography-text-1">成果转化</a-typography-text>
          </a-typography-link>
          <a-typography-link href="#" class="!text-[#999] !flex flex-col items-center min-w-[80px]" id="a-typography-link-50">
            <ScanOutlined class="text-[#FF8824] text-5xl" />
            <a-typography-text id="a-typography-text-32">投资入驻</a-typography-text>
          </a-typography-link>
        </a-flex>
        <a-flex justify="space-between" class="w-full py-2" id="a-flex-40">
          <a-typography-link href="#" class="!text-[#999] !flex flex-col items-center min-w-[80px]" id="a-typography-link-51">
            <RightCircleOutlined class="text-[#FF8824] text-5xl" />
            <a-typography-text id="a-typography-text-33">产品发布</a-typography-text>
          </a-typography-link>
          <a-typography-link href="#" class="!text-[#999] !flex flex-col items-center min-w-[80px]" id="a-typography-link-52">
            <RetweetOutlined class="text-[#FF8824] text-5xl" />
            <a-typography-text id="a-typography-text-34">供应链</a-typography-text>
          </a-typography-link>
          <a-typography-link href="#" class="!text-[#999] !flex flex-col items-center min-w-[80px]" id="a-typography-link-53">
            <BorderOuterOutlined class="text-[#FF8824] text-5xl" />
            <a-typography-text id="a-typography-text-35">出海</a-typography-text>
          </a-typography-link>
          <a-typography-link href="#" class="!text-[#999] !flex flex-col items-center min-w-[80px]" id="a-typography-link-53">
            <PicRightOutlined class="text-[#FF8824] text-5xl" />
            <a-typography-text id="a-typography-text-36">咨询</a-typography-text>
          </a-typography-link>
          <a-typography-link href="#" class="!text-[#999] !flex flex-col items-center min-w-[80px]" id="a-typography-link-54">
            <BgColorsOutlined class="text-[#FF8824] text-5xl" />
            <a-typography-text id="a-typography-text-37">只是产权</a-typography-text>
          </a-typography-link>
        </a-flex>

        <a-card class="p-2 mt-3">
          <a-flex vertical="column" class="pb-2" id="a-flex-41">
            <a-flex id="a-flex-42">
              <a-image class="!h-[70px] !w-[70px] mr-2" src="https://picsum.photos/id/13/50/50" :preview="false" id="a-image-13" />
              <a-flex vertical="column" justify="space-between" class="min-h-[100px]" id="a-flex-43">
                <a-typography-link href="#" class="!text-[#999] items-center min-w-[80px]" id="a-typography-link-55">
                  <a-typography-text class="line-clamp-1" id="a-typography-text-38"
                    >东蔓智能&专注肿瘤临床专病智能辅助决策-天使轮融资</a-typography-text
                  >
                </a-typography-link>
                <a-typography-link href="#" class="!text-[#999] !flex justify-between items-center !w-full" id="`a-typography-link-56`">
                  <a-typography-paragraph class="!mb-0" id="a-typography-paragraph-62">
                    <ScanOutlined class="text-[#2be15b]" />
                    <a-typography-text class="pl-2 text-[#2be15b] text-sm" id="a-typography-text-39">需求已验证</a-typography-text>
                  </a-typography-paragraph>
                  <a-typography-text class="text-sm" id="a-typography-text-40">东蔓智能</a-typography-text>
                </a-typography-link>

                <a-flex id="a-flex-44">
                  <a-typography-link href="#" class="!text-[#999] mr-2" id="a-typography-link-57">
                    <a-tag :bordered="false" id="a-tag-9">在融项目</a-tag>
                  </a-typography-link>
                  <a-typography-link href="#" class="!text-[#999] items-center min-w-[80px]" id="a-typography-link-58">
                    <a-tag :bordered="false" class="text-[#f6853e] bg-[#FDF3E0]" id="a-tag-10">成功链接1次</a-tag>
                  </a-typography-link>
                </a-flex>
              </a-flex>
            </a-flex>
          </a-flex>
          <template #actions>
            <a-typography-paragraph class="text-center !mb-0" id="a-typography-paragraph-62`">
              <ScanOutlined class="text-[#FA5E3F]" />
              <a-typography-text class="pl-2" id="a-typography-text-41">获取联系方式</a-typography-text>
            </a-typography-paragraph>
          </template>
        </a-card>

        <a-card class="p-2 mt-3">
          <a-flex vertical="column" class="pb-2" id="a-flex-45">
            <a-flex id="a-flex-46">
              <a-image class="!h-[70px] !w-[70px] mr-2" src="https://picsum.photos/id/14/50/50" :preview="false" id="a-image-14" />
              <a-flex vertical="column" justify="space-between" class="min-h-[100px]" id="a-flex-47">
                <a-typography-link href="#" class="!text-[#999] items-center min-w-[80px]" id="a-typography-link-59">
                  <a-typography-text class="line-clamp-1" id="a-typography-text-42"
                    >东蔓智能&专注肿瘤临床专病智能辅助决策-天使轮融资</a-typography-text
                  >
                </a-typography-link>
                <a-typography-link href="#" class="!text-[#999] !flex justify-between items-center !w-full" id="a-typography-link-60">
                  <a-typography-paragraph class="!mb-0" id="a-typography-paragraph-62">
                    <ScanOutlined class="text-[#FB5C00]" />
                    <a-typography-text class="pl-2 text-[#FB5C00] text-sm" id="a-typography-text-43">供给已验证</a-typography-text>
                  </a-typography-paragraph>
                  <a-typography-text class="text-sm" id="a-typography-text-44">东蔓智能</a-typography-text>
                </a-typography-link>

                <a-flex id="a-flex-48">
                  <a-typography-link href="#" class="mr-2" id="a-typography-link-61">
                    <a-tag :bordered="false" class="text-[#999] mr-2" id="a-tag-11">产品</a-tag>
                  </a-typography-link>
                  <a-typography-link href="#" class="!text-[#999] items-center min-w-[80px]" id="`a-typography-link-61`">
                    <a-tag :bordered="false" class="text-[#f6853e] bg-[#FDF3E0]" id="a-tag-12">成功链接1次</a-tag>
                  </a-typography-link>
                </a-flex>
              </a-flex>
            </a-flex>
          </a-flex>
          <template #actions>
            <a-typography-paragraph class="text-center !mb-0" id="a-typography-paragraph-62">
              <ScanOutlined class="text-[#FA5E3F]" />
              <a-typography-text class="pl-2" id="a-typography-text-45">获取联系方式</a-typography-text>
            </a-typography-paragraph>
          </template>
        </a-card>

        <a-card class="p-2 mt-3">
          <a-flex vertical="column" class="pb-2" id="a-flex-49">
            <a-flex id="a-flex-50">
              <a-image class="!h-[70px] !w-[70px] mr-2" src="https://picsum.photos/id/15/50/50" :preview="false" id="a-image-15" />
              <a-flex vertical="column" justify="space-between" class="min-h-[100px]" id="a-flex-24">
                <a-typography-link href="#" class="!text-[#999] items-center min-w-[80px]" id="a-typography-link-62">
                  <a-typography-text class="line-clamp-1" id="a-typography-text-46"
                    >东蔓智能&专注肿瘤临床专病智能辅助决策-天使轮融资</a-typography-text
                  >
                </a-typography-link>
                <a-typography-link href="#" class="!text-[#999] !flex justify-between items-center !w-full" id="`a-typography-link-63`">
                  <a-typography-paragraph class="!mb-0" id="a-typography-paragraph-62">
                    <ScanOutlined class="text-[#FB5C00]" />
                    <a-typography-text class="pl-2 text-[#FB5C00] text-sm" id="a-typography-text-47">供给已验证</a-typography-text>
                  </a-typography-paragraph>
                  <a-typography-text class="text-sm" id="a-typography-text-48">东蔓智能</a-typography-text>
                </a-typography-link>

                <a-flex id="a-flex-51">
                  <a-typography-link href="#" class="mr-2" id="a-typography-link-64">
                    <a-tag :bordered="false" class="text-[#999] mr-2" id="a-tag-13">产品</a-tag>
                  </a-typography-link>
                  <a-typography-link href="#" class="!text-[#999] items-center min-w-[80px]" :id="`a-typography-link-65`">
                    <a-tag :bordered="false" class="text-[#f6853e] bg-[#FDF3E0]" id="a-tag-14">成功链接1次</a-tag>
                  </a-typography-link>
                </a-flex>
              </a-flex>
            </a-flex>
          </a-flex>
          <template #actions>
            <a-typography-paragraph class="text-center !mb-0" id="a-typography-paragraph-62">
              <ScanOutlined class="text-[#FA5E3F]" />
              <a-typography-text class="pl-2" id="a-typography-text-49">获取联系方式</a-typography-text>
            </a-typography-paragraph>
          </template>
        </a-card>

        <a-card class="p-2 mt-3">
          <a-flex vertical="column" class="pb-2" id="a-flex-52">
            <a-flex id="a-flex-53">
              <a-image class="!h-[70px] !w-[70px] mr-2" src="https://picsum.photos/id/16/50/50" :preview="false" id="a-image-16" />
              <a-flex vertical="column" justify="space-between" class="min-h-[180px]" id="a-flex-54">
                <a-typography-link href="#" class="!text-[#999] items-center min-w-[80px]" id="`a-typography-link-66`">
                  <a-typography-text class="line-clamp-1" id="a-typography-text-50"
                    >东蔓智能&专注肿瘤临床专病智能辅助决策-天使轮融资</a-typography-text
                  >
                </a-typography-link>
                <a-typography-link href="#" class="!text-[#999] !flex justify-between items-center !w-full" :id="`a-typography-link-67`">
                  <a-typography-paragraph class="!mb-0" id="a-typography-paragraph-62`">
                    <ScanOutlined class="text-[#FB5C00]" />
                    <a-typography-text class="pl-2 text-[#FB5C00] text-sm" id="a-typography-text-51">供给已验证</a-typography-text>
                  </a-typography-paragraph>
                  <a-typography-text class="text-sm" id="a-typography-text-52">东蔓智能</a-typography-text>
                </a-typography-link>

                <a-flex id="a-flex-55">
                  <a-typography-link href="#" class="mr-2" id="a-typography-link-68">
                    <a-tag :bordered="false" class="text-[#08B4B8] bg-[#E0F8F8]" id="a-tag-15">医疗器械</a-tag>
                  </a-typography-link>
                  <a-typography-link href="#" class="mr-2" id="a-typography-link-69">
                    <a-tag :bordered="false" class="text-[#999] mr-2" id="a-tag-16">产品</a-tag>
                  </a-typography-link>
                  <a-typography-link href="#" class="!text-[#999] items-center min-w-[80px]" :id="`a-typography-link-70`">
                    <a-tag :bordered="false" class="text-[#f6853e] bg-[#FDF3E0]" id="a-tag-17">成功链接1次</a-tag>
                  </a-typography-link>
                </a-flex>

                <a-typography-link class="!mb-0" id="a-typography-paragraph-71">
                  <a-typography-text class="text-sm" id="a-typography-text-53"
                    >高质量生物相容性材料、优异Nd-YAG激光耐受性、增强紫外光吸收性</a-typography-text
                  >
                </a-typography-link>

                <a-typography-link class="!mb-0" id="a-typography-paragraph-72">
                  <a-typography-text class="text-sm" id="a-typography-text-54">收录与</a-typography-text>
                  <a-typography-text class="pl-2 text-sm text-[#2573DD]" id="a-typography-text-55">眼科·资源对接专场</a-typography-text>
                </a-typography-link>
              </a-flex>
            </a-flex>
          </a-flex>
          <template #actions>
            <a-typography-paragraph class="text-center !mb-0" id="a-typography-paragraph-62">
              <ScanOutlined class="text-[#FA5E3F]" />
              <a-typography-text class="pl-2" id="a-typography-text-56">获取联系方式</a-typography-text>
            </a-typography-paragraph>
          </template>
        </a-card>

        <a-card class="p-2 mt-3">
          <a-flex vertical="column" class="pb-2" id="a-flex-56">
            <a-flex id="a-flex-57">
              <a-image class="!h-[70px] !w-[70px] mr-2" src="https://picsum.photos/id/17/50/50" :preview="false" id="a-image-17" />
              <a-flex vertical="column" justify="space-between" class="min-h-[100px]" id="a-flex-58">
                <a-typography-link href="#" class="!text-[#999] items-center min-w-[80px]" id="a-typography-link-73">
                  <a-typography-text class="line-clamp-1" id="a-typography-text-57"
                    >东蔓智能&专注肿瘤临床专病智能辅助决策-天使轮融资</a-typography-text
                  >
                </a-typography-link>
                <a-typography-link href="#" class="!text-[#999] !flex justify-between items-center !w-full" id="a-typography-link-74">
                  <a-typography-paragraph class="!mb-0" id="a-typography-paragraph-62">
                    <ScanOutlined class="text-[#FB5C00]" />
                    <a-typography-text class="pl-2 text-[#FB5C00] text-sm" id="a-typography-text-58">供给已验证</a-typography-text>
                  </a-typography-paragraph>
                  <a-typography-text class="text-sm" id="a-typography-text-59">东蔓智能</a-typography-text>
                </a-typography-link>

                <a-flex id="a-flex-59">
                  <a-typography-link href="#" class="mr-2" id="a-typography-link-75">
                    <a-tag :bordered="false" class="text-[#CE2624] bg-[#FAEAEB]" id="a-tag-18">NMPA</a-tag>
                  </a-typography-link>
                  <a-typography-link href="#" class="mr-2" id="a-typography-link-76">
                    <a-tag :bordered="false" class="text-[#CE2624] bg-[#FAEAEB]" id="a-tag-19">器械三类证</a-tag>
                  </a-typography-link>
                  <a-typography-link href="#" class="mr-2" id="a-typography-link-77">
                    <a-tag :bordered="false" class="text-[#f6853e] bg-[#FDF3E0]" id="a-tag-20">成功链接1次</a-tag>
                  </a-typography-link>
                  <a-typography-link href="#" class="mr-2" id="a-typography-link-78">
                    <a-tag :bordered="false" class="text-[#999]" id="a-tag-32">产品</a-tag>
                  </a-typography-link>
                </a-flex>
              </a-flex>
            </a-flex>
          </a-flex>
          <template #actions>
            <a-typography-link class="text-center !mb-0" id="a-typography-paragraph-79">
              <ScanOutlined class="text-[#FA5E3F]" />
              <a-typography-text class="pl-2" id="a-typography-text-60">获取联系方式</a-typography-text>
            </a-typography-link>
          </template>
        </a-card>
      </a-flex>
    </a-flex>
  </div>
</template>

<script setup>
const list = [
  {
    name: '动脉智库',
    color: '#FA5E3F',
  },
  {
    name: '#欧健医用',
    color: '#FA5E3F',
  },
  {
    name: '#三类证',
    color: '#FA5E3F',
  },
  {
    name: '2025-01-17 10:53',
    color: '#918F86',
  },
];
const list1 = [
  {
    img: 'https://picsum.photos/id/18/1000/800',
    title: '医用缝合线·产品对接专场',
    subTitle: '超20款获批缝合线产品，寻求全国经销商',
  },
  {
    img: 'https://picsum.photos/id/19/1000/800',
    title: '医疗机器人·资源对接专场',
    subTitle: '100+医疗机器人获批上市，寻渠道、出海、商业合作等',
  },
  {
    img: 'https://picsum.photos/id/20/1000/800',
    title: '影像设备·资源对接专场',
    subTitle: '超30款获批高端影像设备，寻求全国经销商',
  },
];
const list2 = [
  {
    img: 'https://picsum.photos/id/21/1000/800',
    title: '2024年全球/国内获批药物年度盘点',
    subTitle: 'NVIDIA',
  },
  {
    img: 'https://picsum.photos/id/22/1000/800',
    title: '如何助力高效部署医疗行业生成式 AI 应用【动脉公开课】',
    subTitle: '100+医疗机器人获批上市，寻渠道、出海、商业合作等',
  },
  {
    img: 'https://picsum.photos/id/23/1000/800',
    title: '生物制“躁”-生物制造年度盘点及新年展望',
    subTitle: '动脉网',
  },
];
const list3 = [
  {
    title: '14:16',
    content: '“中国的赛沛”，ID企业完成超亿元融资',
  },
  {
    title: '14:06',
    content: 'IVD试剂团购来了，罗雅贝西、迈瑞安图无一缺席',
  },
  {
    title: '14:03',
    content: 'FLT3-ITD突变AML，移植后MRD引导的吉瑞替尼维持治疗有获益',
  },
  {
    title: '14:01',
    content: '岱川医疗旗下产品一次性使用电子上消化道成像导管拿到国家药监局审批的二类证',
  },
  {
    title: '13:41',
    content: '复旦大学药学院与延安医药联合研发中心在海口国家高新区揭牌',
  },
];
</script>
<style></style>
